<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<html>
<base href="<%=basePath%>">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<link href="css/reg.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/base.css" type="text/css" />
<link rel="stylesheet" href="css/headbott.css" type="text/css" />
<link rel="stylesheet" href="css/index.css" type="text/css" />
<link rel="stylesheet" href="css/ly-list.css" type="text/css" />
<link rel="stylesheet" href="css/reg.css" type="text/css" />
<link rel="stylesheet" href="css/detail.css" type="text/css" />
<link rel="stylesheet" href="css/toastr.css" type="text/css" />
<title>Title</title>
</head>
<body>
	<div id="header">
		<div class="heade-con">
			<div class="logo">
				<a href=""><img src="images/LOGO.png" /></a>
			</div>
			<div class="nav posa">
				<ul>
					<li><a href="index.do">首页</a></li>
					<li><a href="project/queryByType.do">公益众筹</a></li>
					<li><a href="problem/queryAll.do">常见问题</a></li>
					<li><a href="ly-list.do">众筹资讯</a></li>
					<li><a class="vcolor" href="new_product.html" style="">发布项目</a></li>
				</ul>
			</div>
			<div class="search">
				<form action="">
					<input type="text" class="search-txt" value="" placeholder="找项目">
					<input type="submit" class="search-but" value="">
				</form>
			</div>
			<div class="index-login">
				<c:choose>
					<c:when test="${login_user!=null }">
						<a href="project/queryByUsId.do">${login_user.usAccount }</a>
						<a href="user/quit.do">退出</a>
					</c:when>
					<c:otherwise>
						<a href="login.do">登录</a>
						<span style="color: white;">|</span>
						<a href="reg.do">注册</a>
					</c:otherwise>
				</c:choose>

			</div>
		</div>
	</div>
	<!--中间-->
	<div class="product">
		<!--头上表格-->
		<div class="product-table">
			<div class="product-left">
				<table class="table table-bordered">
					<tr class="text-center">
						<td class="title-td"><a href="new_product.do">基本信息</a></td>
						<td class="title-td"><a href="new_info.do">项目信息</a></td>
						<td class="active title-td"><a href="new_detail.do">详细描述</a></td>
						<td class="title-td"><a href="new_back.do">回报设置</a></td>
					</tr>
				</table>
			</div>
			<div class="product-right">
				<table class="table table-bordered">
					<tr class="text-center">
						<td class="title-td">预览</td>
					</tr>

				</table>

			</div>
		</div>
		<!--下部foem表单-->
		<div class="product-form">
			<!--上标题-->
			<div class="product-title">
				<div class="my-h4">
					<h4>描述你的项目详情</h4>
				</div>
				<div class="btn-save">
					<button id="add_btn" class="btn btn-default">保存草稿</button>
				</div>

			</div>
			<div class="clear"></div>
			<hr>
			<!--表单-->
			<!--宣传视频-->
			<div class="product-info-input">
				<b>设置封面：</b>
				<form id="fileup_form" method="post" enctype="multipart/form-data">
					<input type="file" name="file" id="file"> <input
						type="button" onclick="fileup()" value="上传">
				</form>
			</div>

			<div>
				<form>
					<div class="detail">
						<b>宣传视频：</b><input class="detail-input" placeholder="填写视频在线播放地址">
					</div>
				</form>
			</div>
			<div class="clear"></div>
			<hr>
			<!--编辑信息表单-->
			<form action="#">
				<div class="my-form">
					<div class="detail">
						<b>项目故事：</b>
						<div>
							<textarea id="ps_story"  rows="2" placeholder="一句话介绍一下你的项目吧">${add_project.psStory }</textarea>
						</div>
					</div>
					<div class="detail">
						<b>更多支持：</b>
						<div>
							<textarea id="ps_support" rows="2" placeholder="一句话介绍一下你的项目吧">${add_project.psSupport }</textarea>
						</div>
					</div>
					<div class="detail">
						<b>提供回报：</b>
						<div>
							<textarea id="ps_repay" rows="2" placeholder="一句话介绍一下你的项目吧">${add_project.psRepay }</textarea>
						</div>
					</div>
					<div class="detail">
						<b>关于我：</b>
						<div>
							<textarea id="ps_aboutme" rows="2" placeholder="一句话介绍一下你的项目吧">${add_project.psAboutme }</textarea>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
	<!--下部-->
	<div id="bottom">
		<div class="bottom-ggt">
			<a href=""><img src="images/bottbom_68.jpg" alt="" /></a>
		</div>
		<div class="zc-yqlink">
			<ul>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里旅行</a></li>
				<li><a href="">阿里云计算</a></li>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里云计算</a></li>
			</ul>
		</div>
		<div class="footer-bd">

			<a href=" ">关于淘宝</a> <a href=" ">合作伙伴</a> <a href=" ">营销中心</a> <a
				href=" ">廉正举报</a> <a href=" ">联系客服</a> <a href=" ">开放平台</a> <a
				href=" ">诚征英才</a> <a href=" ">联系我们</a> <a href=" ">网站地图</a> <a
				href=" ">法律声明</a> <em>© 2003-2015 Taobao.com 版权所有</em><br> <br>
			<span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span> <b>|</b> <span
				data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
			<b>|</b> <span>信息网络传播视听节目许可证：1109364号</span> <b>|</b> <span>举报电话:0571-81683755</span>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="js/toastr.js"></script>
	<script type="text/javascript">
		$("#add_btn")
				.click(
						function() {

							var ps_story = $("#ps_story").val();
							var ps_support = $("#ps_support").val();
							var ps_repay = $("#ps_repay").val();
							var ps_aboutme = $("#ps_aboutme").val();
							$.ajax({
										url : "project/addPro3.do",
										data : {
											"psStory" : ps_story,
											"psSupport" : ps_support,
											"psRepay" : ps_repay,
											"psAboutme" : ps_aboutme
										},
										type : "post",
										success : function(data) {
											if (data == -1) {
												window.location.href = "new_info.do";
											} else {
												if (data == 1) {
													toastr.info("保存成功");
													setTimeout(
															"window.location.href = 'new_back.do'",
															500)
												} else {
													toastr.info("保存失败");
												}
											}

										},
										error : function() {
											toastr.error("服务端错误");
										}
									})
						})

		function fileup() {

			var formData = new FormData($('#fileup_form')[0]);

			$.ajax({
				url : "project/filePsIdCard.do",
				data : formData,
				type : "post",
				contentType : false,
				processData : false,
				success : function(data) {
					toastr.info(data);
				},
				error : function() {
					toastr.error("服务端错误");
				}
			})

		}
	</script>
</body>
</html>